<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <link rel="stylesheet" href="lib/font/css/font-awesome.css">
    <link rel="stylesheet" href="css/common/base.css">
    <link rel="stylesheet" href="css/category/category.css">
    <title></title>
</head>

<body>
<div class="layout">
    <!--头部搜索-->
    <header class="layout_header ">
        <div class="layout_header_box">
            <form action="">
                <i class="fa fa-search" aria-hidden="true"></i>
                <input type="search" placeholder="请输入拍品、卖家、艺术家名称"/>
            </form>
        </div>
    </header>
    <!--头部搜索-->

    <!--内容-->
        <div class="category ">
            <div class="category_left">
                <div class="category_left_box">

                    <ul>
                        <li><a href="" >书法</a></li>
                        <li><a href="">书法</a></li>
                        <li><a href="">书法</a></li>
                        <li><a href="" class="now">绘画</a></li>
                        <li><a href="">书法</a></li>
                        <li><a href="">书法</a></li>
                        <li><a href="">书法</a></li>
                        <li><a href="">书法</a></li>

                    </ul>
                </div>

            </div>
            <div class="category_right">
                <div class="category_right_box">
                    <div class="r_product">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/paint.png"/>
                                        <p>山水</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/paint.png"/>
                                        <p>人物</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/paint.png"/>
                                        <p>花鸟</p>
                                    </a>
                                </li>

                                <li>
                                    <a href="">
                                        <img src="img/paint.png"/>
                                        <p>动物</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/paint.png"/>
                                        <p>其他</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/paint.png"/>
                                        <p>国外小说</p>
                                    </a>
                                </li>

                                <li>
                                    <a href="">
                                        <img src="img/paint.png"/>
                                        <p>国外小说</p>
                                    </a>
                                </li>

                            </ul>
                    </div>
                </div>
            </div>

    <!--/内容-->


</div>
</div>

<!--引入js文件-->
<script type="text/javascript" src="lib/jquery/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="lib/bootstrap/js/bootstrap.js"></script>
</body>

</html>